<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>钱宝宝</title>

    <link rel="stylesheet" href="../css/swiper.min.css"/>

    <script src="../js/jquery-3.3.1.min.js"></script>

    <script src="../js/swiper.min.js"></script>

    <link rel="stylesheet" href="../css/index.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_902100_jgeyhz8qlnd.css"/>
</head>

<body>

<!--头部 开始-->
<header class="kaitou">
    <div class="safe">
        <div class="left">
            <i class="iconfont icon-shouji">免费热线：408-863-253</i>
        </div>

        <div class="right">
            <a href="#" class="zi-1">快速注册</a>
            <a href="#" class="zi-2">立即登录</a>
            <a href="#" class="zi-3">帮助中心</a>

        </div>
    </div>

</header>

<!--头部 结束-->

<!--第一层 开始-->

<section class="f1">
    <nav class="safe diyi">
        <div class="left logo">
            <img src="../img/logo.png"/>
        </div>

        <div class="right daohan">
            <a href="#">首页</a>
            <a href="#">我要理财</a>
            <a href="#">我要借款</a>
            <a href="#">新手指引</a>
            <a href="#">关于我们</a>
        </div>

    </nav>

</section>

<!--第一层 结束-->


<!--第二层 开始-->

<section class="f2">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide banner1"></div>
            <div class="swiper-slide banner2"></div>
            <div class="swiper-slide banner3"></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!--&lt;!&ndash; 如果需要导航按钮 &ndash;&gt;-->
        <!--<div class="swiper-button-prev"></div>-->
        <!--<div class="swiper-button-next"></div>-->


    </div>

</section>

<!--第二层 结束-->


<!--第三层 开始-->

<section class="f3">
    <ul class="safe tubiao-1">
        <li class="tu-1">
            <div>
                <img src="../img/tubiao-1.jpg"/>
            </div>
            <div>
                <h4>投资理财 </h4>

                <p>告别月光一族，理性投资，最高可获得15%年 化利率的稳定收益。</p>
            </div>

        </li>

        <li class="tu-1">
            <div>
                <img src="../img/tubiao-2.jpg"/>
            </div>
            <div>
                <h4>
                    信用贷款
                </h4>

                <p>
                    无需任何抵押，通过审核后即可放款，更可申 请高达3—10倍贷款金额。
                </p>
            </div>
        </li>

        <li class="tu-1">
            <div>
                <img src="../img/tubiao-3.jpg"/>
            </div>
            <div>
                <h4>
                    安全保障
                </h4>

                <p>
                    首创P2P征信系统，信息透明化，让投资更有 安全感。
                </p>
            </div>

        </li>
    </ul>
</section>

<!--第三层 结束-->

<!--第四层 开始-->

<section class="f4">
    <div class="safe">
        <div class="waimian">
            <table class="table">
                <thead>
                <tr>
                    <td colspan="7" class="tou">
                        <i class="iconfont icon-paixingbang"></i>
                        <span>投资列表</span>
                    </td>
                </tr>
                </thead>

                <tbody>
                <tr class="diyihang">
                    <td class="kong1"></td>
                    <td>借款标题</td>
                    <td>年利率</td>
                    <td>金额</td>
                    <td>期限</td>
                    <td>进度</td>
                    <td class="kong7"></td>
                </tr>
                <tr class="beijing">
                    <td>
                        <button class="shi">实</button>
                    </td>
                    <td>
                        理财宝A计划
                    </td>
                    <td>8-9%</td>
                    <td>63,000元</td>
                    <td>3个月</td>
                    <td>
                        <button class="yuan">
                            100%
                        </button>
                    </td>
                    <td>
                        <button class="anniu">
                            立即加入
                        </button>
                    </td>
                </tr>

                <tr class="beijing">
                    <td>
                        <button class="shi">实</button>
                    </td>
                    <td>
                        理财宝A计划
                    </td>
                    <td>8-9%</td>
                    <td>63,000元</td>
                    <td>3个月</td>
                    <td>
                        <button class="yuan">
                            100%
                        </button>
                    </td>
                    <td>
                        <button class="anniu">
                            立即加入
                        </button>
                    </td>
                </tr>

                <tr class="beijing">
                    <td>
                        <button class="shi">实</button>
                    </td>
                    <td>
                        理财宝A计划
                    </td>
                    <td>8-9%</td>
                    <td>63,000元</td>
                    <td>3个月</td>
                    <td>
                        <button class="yuan">
                            100%
                        </button>
                    </td>
                    <td>
                        <button class="anniu">
                            立即加入
                        </button>
                    </td>
                </tr>
                </tbody>

                <tfoot>
                <tr>
                    <td colspan="7">
                        <a href="#">查看更多投资理财项目</a>
                    </td>
                </tr>
                </tfoot>
            </table>
        </div>


    </div>

</section>

<!--第四层 结束-->

<!--第五层 开始-->

<section class="f5">
    <div class="safe wm-2">
        <div class="dy">
            <span>投资效果</span>
        </div>

        <ul class="tu-3">
            <li>
                <div>
                    <img src="../img/tubiao-4.png"/>
                </div>

                <div class="w-1">
                    <h4>累计总金额</h4>
                    <span>￥353,492</span>
                </div>
            </li>

            <li>
                <div>
                    <img src="../img/tubiao-5.png"/>
                </div>

                <div class="w-1">
                    <h4>加入总人次</h4>
                    <span>103,550次</span>
                </div>
            </li>

            <li>
                <div>
                    <img src="../img/tubiao-6.png"/>
                </div>

                <div class="w-1">
                    <h4>为用户自动投标</h4>
                    <span>4,513,034次</span>
                </div>
            </li>

            <li>
                <div>
                    <img src="../img/tubiao-7.png"/>
                </div>

                <div class="w-1">
                    <h4>为用户累计赚取</h4>
                    <span>￥298,747,714元</span>
                </div>
            </li>
        </ul>

    </div>
</section>

<!--第五层 结束-->

<!--第六层 开始-->

<section class="f6">
    <div class="safe">
        <div class="first">
            <div class="left zi-4">
                <span>合作伙伴</span>
            </div>

            <div class="right zi-5">
                <a href="#">更多>></a>
            </div>
        </div>

        <ul class="logozu">
            <li>
                <img src="../img/1.jpg"/>

            </li>

            <li>
                <img src="../img/2.jpg"/>
            </li>

            <li>
                <img src="../img/3.jpg"/>
            </li>

            <li>
                <img src="../img/4.jpg"/>
            </li>

            <li>
                <img src="../img/5.jpg"/>
            </li>

            <li>
                <img src="../img/6.jpg"/>
            </li>

            <li>
                <img src="../img/7.jpg"/>
            </li>

            <li>
                <img src="../img/8.jpg"/>
            </li>
        </ul>

    </div>

</section>

<!--第六层 结束-->

<!--第七层 开始-->

<section>
    <div class="safe">
        <div class="first-2">
            <div class="left zi-6">
                <span>友情链接</span>
            </div>

            <div class="right zi-7">
                <a href="#">更多>></a>
            </div>
        </div> 
        
        <div class="lj">
            <a href="#">258集团</a>
            <a href="#">钱多多</a>
            <a href="#">财富帮</a>
            <a href="#">信易贷</a>
            <a href="#">万贷好</a>
            <a href="#">宜信</a>
            <a href="#">小牛资本</a>
            <a href="#">信而富</a>
            <a href="#">玖富</a>
            <a href="#">恒昌</a>
            <a href="#">民生银行</a>
        </div>

    </div>
</section>

<!--第七层 结束-->



<!--页脚 开始-->

<footer class="f8">
    <div class="safe">
        <div class="one">
        <span class="k">
            <a href="#">关于我们</a>
        </span>

        <span class="k">
            <a href="#">合作伙伴</a>
        </span>

        <span class="k">
            <a href="#">最新动态</a>
        </span>

        <span class="k">
            <a href="#">联系我们</a>
        </span>

        <span class="k">
            <a href="#">我要理财</a>
        </span>

        <span class="k">
            <a href="#">我要借款</a>
        </span>

        <span class="k">
            <a href="#">新手引导</a>
        </span>

        </div>

        <div class="two">
            <p>
                厦门钱宝宝投资发展有限公司
            </p>
            <p>
                Copyright © 2015 qianbaobao.com Inc. All Rights Reserved. 闽ICP备10018231号
            </p>
            <p>
                服务热线：4006-258-258
            </p>
        </div>

        <div class="sr">
            <ul>
                <li>
                    <img src="../img/9.jpg"/>
                </li>
                <li>
                    <img src="../img/10.jpg"/>
                </li>
                <li>
                    <img src="../img/11.jpg"/>
                </li>
                <li>
                    <img src="../img/12.jpg"/>
                </li>
                <li>
                    <img src="../img/13.jpg"/>
                </li>
            </ul>





        </div>
    </div>

</footer>

<!--页脚 结束-->


<script src="../js/index.js"></script>
</body>
</html>